.login{
  width: 100%;
  background-color: #fff;
  .loginTop{
    width: 400px;
    
    margin: 0 auto;
    .title{
      padding: 0 85px;
      box-sizing: border-box;
      display: flex;
      margin-top: 40px;
      width: 300px;
      height: 30px;
      align-items: center;
      img{
        margin-right: 10px;
        width: 50px;
        height: 30px;
      }
      p{
        font-size: 16px;
        font-weight: 700;
      }
    }
    form{
      margin-top: 10px;
      width: 300px;
      :global{
        .ant-btn-primary{
          background-color: orange !important;
        }
        #basic_username{
          height: 50px;
        }
        #basic_password{
          height: 40px;
        }
        #basic_name{
          height: 50px;
        }
      }
      button{
        width: 300px;
      }
      .registerNow{
        font-size: 18px;
        cursor: pointer;
      }
      .toRegister{
        span{
          color: red;
        }
        span:hover{
          color: blue;
        }
      }
    }
  }
  
  .bgc{
    position: fixed;
    left: 5%;
    // bottom: -150px;
    margin: 0 auto;
    width: 90%;
    height: 800px;
    background-image: url('../../assets/login/login_back.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 80%; /* 居中显示 */
  }
}
